let yLabelColor = '#00e7ea'; //y轴字体颜色
let picLabelColor = '#01fefe' //图形文字颜色
let pieWordColor = '#fff'; //文字颜色
let dashedColor = '#c3c3b6'; //X轴虚线颜色
let fontSize = 30;
let splitLineDashed = {
  color: '#00d6e9',
  show: true,
  lineStyle: {
    opacity: 0.35,
    type: 'dashed'
  }
};
let splitLineSolid = {
  color: '#00d6e9',
  show: true,
  lineStyle: {
    opacity: 0.35,
    type: 'solid'
  }
}
import {
  newMakePandL,
  newMakePandY
} from './public';
import {
  height
} from 'window-size';

// 驰名商标
export const trademarkOption = {
  grid: {
    containLabel: true,
    top: 80,
    x: 10,
    x2: 10,
    y2: 10 //
  },
  xAxis: {
    type: 'category',
    data: ['2011', '2012', '2013', '2014', '2015', '2016', '2017'],
    axisLine: {
      show: false,
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      show: true,
      color: yLabelColor,
      margin: 70,
      fontSize: fontSize
    },
    splitLine: {
      show: false
    }
  },
  yAxis: [{
    show:true,
    name: '单位：个',
    nameTextStyle: {
      color: yLabelColor,
      padding: [0, 50, 0, 0],
      fontSize: fontSize,
    },
    nameGap: 30,
    type: 'value',
    max: 100,
    splitNumber: 5,
    min: 0,
    axisLine: {
      show: true,
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      show: true,
      color: yLabelColor,
      fontSize: fontSize
    },
    splitLine: splitLineDashed
  }],
  grid: [{
        top: 100,
        width: '50%',
        bottom: 0,
        left: 100,
        containLabel: true
    }, {
        top: 20,
        width: '50%',
        bottom: 0,
        left: 10,
        containLabel: true
    }],
  series: [{
      name: '数量',
      type: 'line',
      itemStyle: {
        color: '#2998fd'
      },
      lineStyle: {
        width: 10
      },
      symbol: 'circle',
      symbolSize: 30,
      // barWidth: '20',
      data: [{
          value: 70,
          itemStyle: {
            color: "#59b2ef"
          }
        },
        {
          value: 70,
          itemStyle: {
            color: "#59b2ef"
          }
        },
        {
          value: 70,
          itemStyle: {
            color: "#59b2ef"
          }
        }, {
          value: 40,
          itemStyle: {
            color: "#d87b7f"
          }
        }, {
          value: 90,
          itemStyle: {
            color: "#b6a3de"
          }
        }, {
          value: 200,
          itemStyle: {
            color: "#febb81"
          }
        }, {
          value: 200,
          itemStyle: {
            color: "#5cb24d"
          }
        }
      ],
      itemStyle: {
        barBorderRadius: [10, 10, 0, 0],
      }
    },
    {
      type: 'line',
      symbol: 'circle',
      symbolSize: 14,
      markPoint: newMakePandL(7, [0, 30], 30).point,
    },
    {
      name: '面积模式',
      type: 'pie',
      label: {
        show: true,
        formatter: function (params) {
          return params.name + ' ' + params.value + '%'
        },
        color: picLabelColor,
        fontSize: fontSize
      },
      labelLine: {
        show: true
      },
      radius: [0, 230],
      center: ['80%', '60%'],
      data: [],
      roseType: 'radius',
      itemStyle: {

      }
    }
  ]
};
// 地理标志产品
export const geographyOption = {
  xAxis: {
    type: 'category',
    data: ['2011', '2012', '2013', '2014', '2015', '2016', '2017'],
    axisLine: {
      show: false,
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      show: true,
      color: '#03808a',
      margin: 70,
      fontSize: fontSize
    },
    splitLine: {
      show: false
    }
  },
  yAxis: [{
    show:true,
    name: '单位：个',
    nameTextStyle: {
      color: yLabelColor,
      padding: [0, 50, 0, 0],
      fontSize: fontSize,
    },
    nameGap: 30,
    type: 'value',
    max: 100,
    splitNumber: 5,
    min: 0,
    axisLine: {
      show: true,
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      show: true,
      color: yLabelColor,
      fontSize: fontSize
    },
    splitLine: splitLineDashed
  }],
  grid: [{
        top: 100,
        width: '50%',
        bottom: 0,
        left: 100,
        containLabel: true
    }, {
        top: 20,
        width: '50%',
        bottom: 0,
        left: 10,
        containLabel: true
    }],
  series: [{
      name: '数量',
      type: 'line',
      itemStyle: {
        color: '#2998fd'
      },
      lineStyle: {
        width: 5
      },
      color: '#2998fd',
      areaStyle: {
        color:"#103d71"
      },
      symbol: 'circle',
      symbolSize: 30,
      // barWidth: '20',
      data: [{
          value: 70,
          itemStyle: {
            color: "#2998fd"
          }
        },
        {
          value: 70,
          itemStyle: {
            color: "#2998fd"
          }
        },
        {
          value: 70,
          itemStyle: {
            color: "#2998fd"
          }
        }, {
          value: 40,
          itemStyle: {
            color: "#d87b7f"
          }
        }, {
          value: 90,
          itemStyle: {
            color: "#b6a3de"
          }
        }, {
          value: 200,
          itemStyle: {
            color: "#febb81"
          }
        }, {
          value: 200,
          itemStyle: {
            color: "#5cb24d"
          }
        }
      ],
      itemStyle: {
        barBorderRadius: [10, 10, 0, 0],
      }
    },
    {
      type: 'line',
      symbol: 'circle',
      symbolSize: 14,
      // markPoint: newMakePandL(7, [0, 30], 30).point,
    },
    {
      name: '地理标志',
      type: 'pie',
      radius: ['50%', '70%'],
      avoidLabelOverlap: false,
      label: {
        show: true,
        formatter: function (params) {
          return params.name + ' ' + params.value + '%'
        },
        color: picLabelColor,
        fontSize: fontSize
      },
      labelLine: {
        show: true
      },
      // radius: [0, 230],
      center: ['80%', '60%'],
      data: []
    }
  ]
};
// 绿色产品
export const greenOption = {
   grid: [{
        top: 100,
        width: '50%',
        bottom: 0,
        left: 100,
        containLabel: true
    }, {
        top: 0,
        width: '50%',
        bottom: 0,
        left: 10,
        containLabel: true
    }],
  xAxis: {
    type: 'category',
    data: ['2011', '2012', '2013', '2014', '2015', '2016', '2017'],
    axisLine: {
      show: false,
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      show: true,
      color: yLabelColor,
      margin: 70,
      fontSize: fontSize
    },
    splitLine: {
      show: false
    }
  },
  yAxis: [{
    // show:true,
    name: '数量',
    nameTextStyle: {
      color: yLabelColor,
      padding: [0, 50, 0, 0],
      fontSize: fontSize,
    },
    nameGap: 30,
    type: 'value',
    max: 100,
    splitNumber: 5,
    min: 0,
    axisLine: {
      show: true,
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      show: true,
      color: yLabelColor,
      fontSize: fontSize
    },
    splitLine: splitLineDashed
  }, ],
  series: [{
      name: '单位:个',
      type: 'bar',
      barWidth: '90',
      data: [{
          value: 70,
          itemStyle: {
            color: "#59b2ef"
          }
        },
        {
          value: 70,
          itemStyle: {
            color: "#59b2ef"
          }
        },
        {
          value: 70,
          itemStyle: {
            color: "#59b2ef"
          }
        }, {
          value: 40,
          itemStyle: {
            color: "#d87b7f"
          }
        }, {
          value: 90,
          itemStyle: {
            color: "#b6a3de"
          }
        }, {
          value: 200,
          itemStyle: {
            color: "#febb81"
          }
        }, {
          value: 200,
          itemStyle: {
            color: "#5cb24d"
          }
        }
      ],
      itemStyle: {
        barBorderRadius: [40, 40, 0, 0],
      }
    },
    {
      type: 'line',
      symbol: 'circle',
      symbolSize: 14,
      markPoint: newMakePandL(7, [0, 30], 30).point,
    },
    {
      name: '地理标志',
      type: 'pie',
      radius: ['30%', '70%'],
      avoidLabelOverlap: false,
      label: {
        show: true,
        formatter: function (params) {
          return params.name + ' ' + params.value + '%'
        },
        color: picLabelColor,
        fontSize: fontSize
      },
      labelLine: {
        show: true
      },
      // radius: [0, 230],
      center: ['80%', '50%'],
      data: [],
      roseType: 'radius',

    }
  ]
};
// 中间第一个图
export const centerOneOption = {
  grid: {
    containLabel: true,
    top: 80,
    x: 10,
    x2: 10,
    y2: 10 //
  },
  xAxis: {
    type: 'category',
    data: ['2014', '2015', '2016', '2017'],
    axisLine: {
      show: false,
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      show: true,
      color: yLabelColor,
      margin: 70,
      fontSize: fontSize
    },
    splitLine: {
      show: false
    }
  },
  yAxis: [{
    // show:true,
    name: '数量',
    nameTextStyle: {
      color: yLabelColor,
      padding: [0, 50, 0, 0],
      fontSize: fontSize,
    },
    nameGap: 30,
    type: 'value',
    max: 100,
    splitNumber: 5,
    min: 0,
    axisLine: {
      show: true,
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      show: true,
      color: yLabelColor,
      fontSize: fontSize
    },
    splitLine: splitLineDashed
  }],
  series: [{
      name: '数量',
      type: 'bar',
      barWidth: '130',
      data: [{
          value: 70,
          itemStyle: {
            color: "#59b2ef"
          }
        },
        {
          value: 70,
          itemStyle: {
            color: "#59b2ef"
          }
        },
        {
          value: 70,
          itemStyle: {
            color: "#59b2ef"
          }
        }, {
          value: 40,
          itemStyle: {
            color: "#d87b7f"
          }
        }, {
          value: 90,
          itemStyle: {
            color: "#b6a3de"
          }
        }, {
          value: 200,
          itemStyle: {
            color: "#febb81"
          }
        }, {
          value: 200,
          itemStyle: {
            color: "#5cb24d"
          }
        }
      ],
      itemStyle: {
        barBorderRadius: [10, 10, 0, 0],
      }
    },
    {
      type: 'line',
      symbol: 'circle',
      symbolSize: 14,
      markPoint: newMakePandL(7, [0, 30], 30).point,
    },
  ]
};
// 中间第二个图
export const centerTwoOption = {
  series:[
    {
      name: '地理标志',
      type: 'pie',
      radius: ['40%', '70%'],
      avoidLabelOverlap: false,
      label: {
        show: true,
        formatter: function (params) {
          return params.name + ' ' + params.value + '%'
        },
        color: picLabelColor,
        fontSize: fontSize
      },
      labelLine: {
        show: true
      },
      // radius: [0, 230],
      center: ['50%', '50%'],
      data: []
    }
  ]
};
// 素质教育第一个图
export const eduOneOption = {
    grid: {
    containLabel: true,
    top: 80,
    x: 10,
    x2: 10,
    y2: 10 //
  },
  xAxis: {
    type: 'category',
    data: ['培训内容分类1', '培训内容分类2', '培训内容分类3', '培训内容分类4'],
    axisLine: {
      show: false,
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      show: true,
      color: yLabelColor,
      margin: 70,
      fontSize: fontSize
    },
    splitLine: {
      show: false
    }
  },
  yAxis: [{
    // show:true,
    name: '数量',
    nameTextStyle: {
      color: yLabelColor,
      padding: [0, 50, 0, 0],
      fontSize: fontSize,
    },
    nameGap: 30,
    type: 'value',
    max: 100,
    splitNumber: 5,
    min: 0,
    axisLine: {
      show: true,
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      show: true,
      color: yLabelColor,
      fontSize: fontSize
    },
    splitLine: splitLineDashed
  }],
  series: [{
      name: '数量',
      type: 'bar',
      barWidth: '60',
      data: [{
          value: 70,
          itemStyle: {
            color: "#59b2ef"
          }
        },
        {
          value: 70,
          itemStyle: {
            color: "#59b2ef"
          }
        },
        {
          value: 70,
          itemStyle: {
            color: "#59b2ef"
          }
        }, {
          value: 40,
          itemStyle: {
            color: "#d87b7f"
          }
        }, {
          value: 90,
          itemStyle: {
            color: "#b6a3de"
          }
        }, {
          value: 200,
          itemStyle: {
            color: "#febb81"
          }
        }, {
          value: 200,
          itemStyle: {
            color: "#5cb24d"
          }
        }
      ],
      itemStyle: {
        barBorderRadius: [10, 10, 0, 0],
      }
    },
    {
      type: 'line',
      symbol: 'circle',
      symbolSize: 14,
      markPoint: newMakePandL(7, [0, 30], 30).point,
    },
  ]
};
// 素质教育第二个图
export const eduTwoOption = {
  legend: {
    type: 'plain',
    orient: 'vertical',
    itemHeight: 29,
    itemWidth: 32,
    itemGap: 42,
    textStyle: {
      color: yLabelColor,
      fontSize: fontSize,
      lineHeight: 5,
    },
    top: 270,
    right: 20
  },
  grid: {
    containLabel: true,
    top: 100,
    right: 300
  },
  xAxis: {
    type: 'category',
     data: ['培训内容分类1', '培训内容分类2', '培训内容分类3', '培训内容分类4'],
    axisLine: {
      show: false,
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      show: true,
      color: yLabelColor,
      margin: 50,
      fontSize: fontSize
    },
    splitLine: {
      show: false
    }
  },
  yAxis: [{
    name: '单位：个',
    nameTextStyle: {
      color: yLabelColor,
      padding: [0, 35, 0, 0],
      fontSize: fontSize
    },
    nameGap: 30,
    type: 'value',
    max: 300,
    splitNumber: 6,
    min: 0,
    axisLine: {
      show: false,
    },
    axisTick: {
      show: false,
    },
    axisLabel: {
      show: true,
      color: yLabelColor,
      fontSize: fontSize
    },
    splitLine: splitLineDashed
  }, ],
  series: [{
      name: '科员',
      type: 'bar',
      barWidth: '107',
      data: [],
      stack: 'sss',
      itemStyle: {
        color: '#80c269'
      },
    },
    {
      name: '科长',
      type: 'bar',
      barWidth: '107',
      data: [],
      stack: 'sss',
      itemStyle: {
        color: '#ffb980'
      },
    },
    {
      name: '处长',
      type: 'bar',
      barWidth: '107',
      data: [],
      stack: 'sss',
      itemStyle: {
        color: '#d87a80'
      },
    },
    {
      name: '局长',
      type: 'bar',
      barWidth: '107',
      data: [],
      stack: 'sss',
      itemStyle: {
        color: '#5ab1ef'
      },
    },
    {
      type: 'line',
      symbol: 'circle',
      symbolSize: 14,
      markPoint: newMakePandL(5, [0, 30]).point,
    },
  ]
};